<template>
    <div id="comb_view">
        <div id="game_225" class="game_view">
            <table class="cont-list1">
                <tbody>
                <tr>
                    <td>
                        <table class="u-table2">
                            <thead>
                            <tr>
                                <th colspan="3">正一特</th>
                            </tr>
                            </thead>
                            <tbody>
                                <TrItem :key="i" v-for="(row,i) in list[0]" :row="row" :bet-number="betNumber" :show-numbers="false" ></TrItem>
                            </tbody>
                        </table>
                    </td>
                    <td>
                        <table class="u-table2">
                            <thead>
                            <tr>
                                <th colspan="3">正二特</th>
                            </tr>
                            </thead>
                            <tbody>
                            <TrItem :key="i" v-for="(row,i) in list[1]" :row="row" :bet-number="betNumber" :show-numbers="false" ></TrItem>
                            </tbody>
                        </table>
                    </td>
                    <td>
                        <table class="u-table2">
                            <thead>
                            <tr>
                                <th colspan="3">正三特</th>
                            </tr>
                            </thead>
                            <tbody>
                            <TrItem :key="i" v-for="(row,i) in list[2]" :row="row" :bet-number="betNumber" :show-numbers="false" ></TrItem>
                            </tbody>
                        </table>
                    </td>
                </tr>
                </tbody>
            </table>
            <table class="cont-list1">
                <tbody>
                <tr>
                    <td>
                        <table class="u-table2">
                            <thead>
                            <tr>
                                <th colspan="3">正四特</th>
                            </tr>
                            </thead>
                            <tbody>
                            <TrItem :key="i" v-for="(row,i) in list[3]" :row="row" :bet-number="betNumber" :show-numbers="false" ></TrItem>
                            </tbody>
                        </table>
                    </td>
                    <td>
                        <table class="u-table2">
                            <thead>
                            <tr>
                                <th colspan="3">正五特</th>
                            </tr>
                            </thead>
                            <tbody>
                            <TrItem :key="i" v-for="(row,i) in list[4]" :row="row" :bet-number="betNumber" :show-numbers="false" ></TrItem>
                            </tbody>
                        </table>
                    </td>
                    <td>
                        <table class="u-table2">
                            <thead>
                            <tr>
                                <th colspan="3">正六特</th>
                            </tr>
                            </thead>
                            <tbody>
                            <TrItem :key="i" v-for="(row,i) in list[5]" :row="row" :bet-number="betNumber" :show-numbers="false" ></TrItem>
                            </tbody>
                        </table>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
    </div>
</template>

<script>
    import TrItem from "../components/TrItem";
    import {mapState} from "vuex";
    export default {
        name: 'ZhengMa1To6',
        components: {TrItem},
        data() {
            return {
                navIndex: 0,
                list:[
                    // 正一特
                    [
                        [{id:248571,name:'单码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248572,name:'双码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248573,name:'大码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248574,name:'小码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248575,name:'合单',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248576,name:'合双',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248577,name:'合大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248578,name:'合小',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248579,name:'红波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248570,name:'蓝波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2485711,name:'绿波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2485722,name:'尾大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2485733,name:'尾小',bet:3.7,selected:false,hovering:false,amount:''}],
                    ],
                    // 正二特
                    [
                        [{id:2248571,name:'单码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248572,name:'双码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248573,name:'大码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248574,name:'小码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248575,name:'合单',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248576,name:'合双',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248577,name:'合大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248578,name:'合小',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2248579,name:'红波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:22485700,name:'蓝波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:24285711,name:'绿波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:22485722,name:'尾大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:22485733,name:'尾小',bet:3.7,selected:false,hovering:false,amount:''}],
                    ],
                    // 正三特
                    [
                        [{id:2348571,name:'单码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348572,name:'双码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2438573,name:'大码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348574,name:'小码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348575,name:'合单',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348576,name:'合双',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348577,name:'合大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348578,name:'合小',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348579,name:'红波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2348570,name:'蓝波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:23485711,name:'绿波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:23485722,name:'尾大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:23485733,name:'尾小',bet:3.7,selected:false,hovering:false,amount:''}],
                    ],
                    // 正四特
                    [
                        [{id:2448571,name:'单码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448572,name:'双码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448573,name:'大码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448574,name:'小码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448575,name:'合单',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448576,name:'合双',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448577,name:'合大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448578,name:'合小',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2448579,name:'红波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2484570,name:'蓝波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:24845788,name:'绿波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:24845777,name:'尾大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:24485766,name:'尾小',bet:3.7,selected:false,hovering:false,amount:''}],
                    ],
                    // 正五特
                    [
                        [{id:245851,name:'单码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:245852,name:'双码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:245853,name:'大码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:245854,name:'小码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:245855,name:'合单',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:245857,name:'合双',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248556,name:'合大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248557,name:'合小',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:248558,name:'红波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:245859,name:'蓝波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:245850,name:'绿波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2458500,name:'尾大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2458511,name:'尾小',bet:3.7,selected:false,hovering:false,amount:''}],
                    ],
                    // 正六特
                    [
                        [{id:2461857,name:'单码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2486257,name:'双码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2486357,name:'大码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2486457,name:'小码',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2486557,name:'合单',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2486657,name:'合双',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2467857,name:'合大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2478857,name:'合小',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:24857,name:'红波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2469857,name:'蓝波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:2470857,name:'绿波',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:240857,name:'尾大',bet:3.7,selected:false,hovering:false,amount:''}],
                        [{id:241857,name:'尾小',bet:3.7,selected:false,hovering:false,amount:''}],
                    ],
                ]
            }
        },
        computed:{
            ...mapState(['betNumber'])
        },
        watch:{
            betNumber(nVal){
                this.list.forEach((arr)=>{
                    arr.forEach((item)=>{
                        item.forEach((o)=>{
                            if (o.selected) {
                                o.amount = nVal
                            }
                        })
                    })
                })
                this.$forceUpdate()
            }
        },
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
